<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    	<link rel="stylesheet" href="dist/css/bootstrap.min.css" type="text/css"/>
    	<link rel="stylesheet" type="text/css" href="dist/css/app.css"/>
    	<script src="dist/js/jq0908.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/public.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/index.js" type="text/javascript" charset="utf-8"></script>
		<title>QUANTUM MATERIALS</title>
	</head>
	<body>
		<div class="container-fluid" style="padding: 0;" style="width: 100%;">
			<!--导航栏-->
			<div class="top-container">
				<div class="top-head">
					<div class="left-info center_" style="font-size: 13px;">
						<img src="images/map.png" alt="map icon" class="center_V"/>
						<div class="info-text">
							2018 Symposium on Quantum Materials <br />
							Synthesis: Grand Challenges and Opportunities<br />
							November 15-17, 2018<br />
							Shanghai International Convention Center, Oriental Riverside Hotel, Shanghai
						</div>
					</div>
					<div class="center-logo center_V" >
						<img src="images/logo.png" alt="LOGO" class="img-responsive"/>
					</div>
					<div class="right-sharepart center_V">
						<div id="share-title">
							<img src="images/share.png" alt="share icon" />
							Share with someone
						</div>
					</div>
					<div class="right-icon center_V">
						<a href="login.html" id="go_login" data-login="0"><img src="images/login.png" alt="login icon"/></a>
						<a href="javascript:void(0)" id="sign_out" class="btn btn-default">Sign out</a>
					</div>
					
				</div>
				<div class="nav-container clearfix">
					<ul class="list-inline pull-left">
						<li>
							<a href="javascript:void(0)" class="nav-item">INFO</a>
							<ul class="list-unstyled second-nav" >
								<li>
									<a href="importantdate.html">
										IMPORTANT DATES
									</a>
								</li>
								<li>
									<a href="spceilEvent.html">
										SPECIAL EVENTS
									</a>
								</li>
								<li>
									<a href="digest.html">
										DIGEST BOOK
									</a>
								</li>
								<li>
									<a href="qms.html">
										ABOUT QMS
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:void(0)" class="nav-item">REGISTER</a>
							<ul class="list-unstyled second-nav" style="min-width: 120%;">
								<li>
									<a href="register.html">
										ACCOUNT
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" id="goposter1">
										 POSTER
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" id="goabstract1">
										ABSTRACT
									</a>
								</li>
								<li>
									<a href="hotel.html">
										HOTEL
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="invitedSpeaker.html" class="nav-item">INVITED SPEAKERS</a>
						</li>
						<li>
							<a href="program.html" class="nav-item">PROGRAM</a>
						</li>
						<li>
							<a href="organization.html" class="nav-item">ORGANIZATION</a>
						</li>
						<li>
							<a href="sponsors.html" class="nav-item">SPONSORS</a>
						</li>
						<li>
							<a href="contract.html" class="nav-item">CONTACT</a>
						</li>
					</ul>
				</div>
			</div>
			<!--视频轮播-->
			<div class="banner_container">
				<img src="images/Home-page_02.jpg" alt="banner_img" class="banner_img" width="100%"/>
				<video  class="banner_vedio" id="myVideo1">
					<!--<source src="day.mp4" type="video/mp4"></source>-->
				</video>
				<video class="banner_vedio" id="myVideo2">
					<!--<source src="night2.mp4" type="video/mp4"></source>-->
				</video>
				<div class="veil_bg">
					
				</div>
				<div class="info_container">
					<p class="text_title">
						QUANTUM&nbsp;&nbsp;MATERIALS<br />
						SYMPOSIUM&nbsp;&nbsp;2018
					</p>
					<p class="text_content" style="font-family:"Raleway", sans-serif;">
					QMS is the premier conference on transformative questions 
					framed around the key challenges of the design,
					 synthesis, properties, and applications of quantum materials.
					 The QMS symposium will feature over 40 invited speakers and a poster session, 
					 with anticipated additional registered participants. The participation of early career
					  researchers and Ph.D. students, particularly those from underrepresented groups, is highly 
					  encouraged.
					</p>
					<p class="text_content2" style="font-family:"Raleway", sans-serif;">
						The program will be organized around three main issues that are fundamental problems of Quantum Materials Science:<br />
						1) New visions in quantum materials synthesis<br />
						2) Is rational design of quantum matter possible?<br />
						3) Novel quasiparticles
					</p>
					<a class="text_btn" href="register.html">REGISTER</a>
				</div>
			</div>
			<!--IMPORTANT  DATES-->
			<div class="import-date-part">
				<h2 class="part-title center_H">
					IMPORTANT  DATES
				</h2>
				<div class="line" >
					<div class="icon-g1 active">
						<img src="images/on.png"  class="on-icon center_"/>
						<img src="images/round.png" class="round-icon center_"/>
					</div>
					<div class="icon-g2">
						<img src="images/on.png"  class="on-icon center_"/>
						<img src="images/round.png"  class="round-icon center_"/>
					</div>
					<div class="icon-g3">
						<img src="images/on.png"  class="on-icon center_"/>
						<img src="images/round.png"  class="round-icon center_"/>
					</div>
					<div class="icon-g4">
						<img src="images/on.png"  class="on-icon center_"/>
						<img src="images/round.png"  class="round-icon center_"/>
					</div>
					<img src="images/line.png" width="100%"/>
				</div>
				<div class="date-event-list center_H">
					<ul class="list-unstyled clearfix">
						<li class="pull-left active" data-index='1'>
							
							<div class="li-content">
								<h4 class="text-title">Jan 2018</h4>
								<p>17th Nov - Nominations for Invited Talks & Symposia</p>
								<p>25th Nov - Digest Submission Opens</p>
							</div>
						</li>
						<li class="pull-left" data-index='2'>
							<div class="li-content">
								<h4 class="text-title">Dec 2017</h4>
								<p>4th Jan - Best Student Presentation Application</p>
								<p>5th Jan - Digest Submission Closes</p>
								<p>29th Jan - Notification of Acceptance</p>
							</div>
						</li>
						<li class="pull-left" data-index='3'>
							<div class="li-content">
								<h4 class="text-title">Nov 2017</h4>
								<p>4th Jan - Best Student Presentation Application</p>
								<p>5th Jan - Digest Submission Closes</p>
								<p>29th Jan - Notification of Acceptance</p>
							</div>
						</li>
						<li class="pull-left" data-index='4'>
							<div class="li-content">
								<h4 class="text-title">Oct 2016</h4>
								<p>4th Jan - Best Student Presentation Application</p>
								<p>5th Jan - Digest Submission Closes</p>
								<p>29th Jan - Notification of Acceptance</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="twitter-part row">
				<div class="col-md-6 left-img">
					<h4 class="twitter-title">TWITTER</h4>
					<img src="images/pic.png" width="100%"/>
				</div>
				<div class="col-md-6 right-list">
					<div class="info-list-item clearfix">
						<div class="left-title pull-left">
							Intermagconf • 3 days
						</div>
						<div class="right-text pull-left">
							Intermag2018 Student Travel Grants Travel grants of up to US$1,000 each will be awarded to a limited number of students in the areas of basic and applied magnetism. Applications can be submitted on or after 30 January, 2018. More
						</div>
					</div>
					<div class="info-list-item clearfix">
						<div class="left-title pull-left">
							Intermagconf • 3 days
						</div>
						<div class="right-text pull-left">
							Advance registration now opens for the IEEE International Magnetics Conference (Intermag 2018). Register now to enjoy early bird rate! Registration fees already include daily coffee/tea and lunch on conference days and conference reception.
 							<br/>
 							<br/>
							To register: <a href="javascript:void(0)" style="color:#2A2A2A;font-size:14px;font-weight: bold;">https://buff.ly/2mIVpDH</a>
						</div>
					</div>
					<div class="info-list-item clearfix">
						<div class="left-title pull-left">
							Intermagconf • 3 days
						</div>
						<div class="right-text pull-left">
							Advance registration now opens for the IEEE International Magnetics Conference (Intermag 2018). Register now to enjoy early bird rate! Registration fees already include daily coffee/tea and lunch on conference days and conference reception.
 							<br/>
 							<br/>
							To register: <a href="javascript:void(0)" style="color:#2A2A2A;font-size:14px;font-weight: bold;">https://buff.ly/2mIVpDH</a>
						</div>
					</div>
					<a href="#" id="twitter-btn">READ MORE ON TWITTER</a>
				</div>
			</div>
			<!--The Host City ,ShangHai-->
			<div class="row hot-info">
				<div class="col-md-6 left-hot-city">
					<div class="hot-city-title">
						THE HOST CITY ,<br/>
						SHANGHAI
					</div>
					<div class="city-msg">
						Shanghai, the largest city in the mainland of China, 
						is one of the four municipalities directly under the central
						government. It is the economic, financial, trade and shipping center of the
						mainland of China. The world record association of China has created and broke many
						of the world's most and China's most. Shanghai is 
						located at the mouth of the Yangtze River in the middle of China's continental coastline.
					</div>
				</div>
				<div class="col-md-6 right-hot-link">
					<div class="top-links">
						<p>QUICK LINKS</p>
						<ul class="list-unstyled">
							<li><a href="javascript:void(0)" id="goposter">POSTER ></a></li>
							<li><a href="javascript:void(0)" id="goabstract">ABSTRACT ></a></li>
							<li><a href="invitedSpeaker.html" id="gospeaker">INVITED SPEAKER ></a></li>
							<li><a href="hotel.html" id="gohotel">HOTEL ></a></li>
							<li><a href="registration.html" id="gocharge">REGISTRATION FEE></a></li>
						</ul>
					</div>
					<div class="down-links">
						<p>EVENT BROUGHT TO YOU BY</p>
						<ul class="list-inline">
							<li>
								<img src="images/logo_1.jpg" height="75"/>
							</li>
							<li>
								<img src="images/logo_2.jpg" height="75"/>
							</li>
							<li>
								<img src="images/logo_3.jpg" height="75"/>
							</li>
							<li>
								<img src="images/logo_4.jpg" height="75"/>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--地图-->
			<div class="map-container">
				<img src="images/map2.jpg" class="img-responsive" style="width: 100%;"/>
			</div>
			<div class="footer">
				<div class="top-logo">
					<img src="images/logo3.png" class="center_" alt="logo"/>
				</div>
				<div class="footer-text">
					sponsored by Fudan Unviversity   Contact Us | by XXX
				</div>
			</div>
		</div>
	</body>
	
</html>